<div class="dux-login-main uk-flex uk-flex-middle">

    <div class="uk-container dux-login">
        <div class="uk-grid uk-grid-collapse ">
            <div class="uk-width-1-2">
                <div class="uk-slideshow" uk-slideshow="min-height: 850; max-height:850">

                    <div class="uk-position-relative uk-visible-toggle uk-light">

                        <ul class="uk-slideshow-items">
                            <li>
                                <img src="{$sysPublic}/member/images/banner/1.jpg" uk-cover>
                            </li>
                            <li>
                                <img src="{$sysPublic}/member/images/banner/2.jpg" uk-cover>
                            </li>
                            <li>
                                <img src="{$sysPublic}/member/images/banner/3.jpg" uk-cover>
                            </li>
                        </ul>

                        <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#"
                           uk-slidenav-previous uk-slideshow-item="previous"></a>
                        <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next
                           uk-slideshow-item="next"></a>

                    </div>

                    <ul class="uk-slideshow-nav uk-dotnav uk-flex-center"></ul>

                </div>


            </div>
            <div class="uk-width-1-2">
                <div class="login-body">
                    <div class="uk-logo uk-text-center">
                        <img src="{$sysPublic}/images/logo.svg">
                    </div>
                    <h1 class="uk-text-center">绑定</h1>

                    <div class="form">
                        <form class="uk-form  uk-form-horizontal" action="{url('', ['action' => $action])}"
                              method="post" data-dux="form-bind" data-advanced="false" data-callback="login">
                            <input type="hidden" name="open_id" value="{$loginInfo.open_id}">
                            <input type="hidden" name="type" value="{$loginInfo.type}">
                            <div class="uk-form-group">
                                <div class="uk-inline uk-width-1-1">
                                    <span class="uk-form-icon "><i class="fa fa-user"></i></span>
                                    <input class="uk-input" name="username" id="username" type="text"
                                           placeholder="{$nameTip}">
                                </div>
                            </div>


                            <!--if{$userConfig.verify_status || $userConfig.verify_image}-->
                            <div class="uk-form-group">
                                <div class="uk-input-group">
                                    <span class="uk-form-icon"><i class="fa fa-image"></i></span>
                                    <input type="text" class="uk-input" name="imgcode" id="imgcode" placeholder="图片验证码">
                                    <span class="uk-input-group-label uk-padding-remove">
                                    <img src="{url('member/register/code')}" onclick="this.src ='{url(" member/register/code")}?'+Math.random()" height="42" width="150" >
                                    </span>
                                </div>
                            </div>
                            <!--{/if}-->

                            <!--if{$userConfig.verify_status}-->
                            <div class="uk-form-group">
                                <div class="uk-input-group">
                                    <span class="uk-form-icon"><i class="fa fa-code"></i></span>
                                    <input type="text" class="uk-input" name="code" placeholder="账号验证码">
                                    <span class="uk-input-group-btn">
                                        <button type="button" class="uk-button uk-button-primary"
                                                data-dux="page-ajaxLink" data-url="{url('member/Register/getCode')}"
                                                data-field="username,imgcode">获取验证码</button>
                                    </span>
                                </div>
                            </div>
                            <!--{/if}-->


                            <div class="uk-form-group">
                                <div class="uk-inline uk-width-1-1">
                                    <span class="uk-form-icon"><i class="fa fa-lock"></i></span>
                                    <input class="uk-input" name="password" type="text" placeholder="登录密码">
                                </div>
                            </div>

                            <div class="uk-heading-line uk-text-center uk-margin-bottom"><span>选填</span></div>
                            <!--loop{$hookField as $vo}-->
                            <div class="uk-form-group">
                                <div class="form-field">
                                    <input type="text" name="{$vo.name}" placeholder="{$vo.tip}" value="{$vo.value}">
                                </div>
                            </div>
                            <!--{/loop}-->

                            <div class="uk-form-group">
                                <input type="checkbox" name="agreement" value="1" checked>
                                我已认真阅读并同意该<a href="javascript:;" data-url="{url('member/Register/agreement')}"
                                             data-title="用户协议" data-dux="dialog-open" class="uk-text-danger">《用户协议》</a>，请登录您的账号登录，如未注册将为您自动注册
                            </div>
                            <div class="uk-form-group">
                            <label class="uk-float-left"><input type="checkbox" name="remember" value="1">
                                一个月内免登录</label> <a href="{url('member/Register/forgot')}"
                                                   class="link uk-float-right">忘记密码?</a>
                            </div>


                            <div class="uk-form-group">
                                <button type="submit" class="uk-button uk-button-primary uk-button-block">
                                    立即绑定
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="dux-other-footer">
    <p>{$site.info_copyright}</p>
</div>

<script>
    Do('base', function () {
        window.login = function (msg, url) {
            window.location.href = url;
        }
    });
</script>
